@charset "utf-8";
/* CSS Document */

/*CSS RESET*/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; min-width:1300px;}
a{color:#2d374b; text-decoration:none;}
a:hover{color:#cd0200;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}

/*头部*/
.head{ width:100%; height:86px; box-shadow:0 2px 5px #000; position:relative; z-index:3;}
.h_r{ width:50%; position:absolute; right:0; top:0; background:#154ac0; height:86px; z-index:-1;}
.logo{ width:335px; height:86px; float:left;}
.logo img{ width:100%;}
.logo a{ display:block; width:335px; height:86px;}


/*菜单*/
.nav{ width:855px; float:right; background:#154ac0; height:86px;}
#menu{ width:835px; float:left; height:100%;}
#search{ width:20px; float:right; height:100%;}
.search{ width:20px; height:84px; cursor:pointer;}
.search_con{ position:absolute; right:0; top:84px; background:#fff; width:150px; height:30px; border-radius:15px; border:1px solid #ccc; display:none; z-index:99999;}
.search_con .txt{width:120px; height:30px; border:none; border-radius:15px; float:left; text-indent:10px;}
.search_con .btn{background:url(../images/search.png) no-repeat  bottom center; width:25px; float:left; border:none; padding-top:10px; cursor:pointer;}

#menu ul li{ position:relative; width:100px; float:left; }
#menu ul #menuli1{ color:#fff; width:100px; height:55px; line-height:30px; font-size:13px; text-align:center; padding-top:30px; display:block;}
#menu ul #menuli1 div{ width:80px; height:30px; margin:0 auto; /*border:1px solid #154ac0;*/}
#menu ul li ul{ position:absolute; top:82px; width:140px; left:-20px; display:none; padding-top:2px; }
.pd10{ padding-bottom:10px; background:#154ac0; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
#menu ul li ul .arrow-up{width:0; 
    height:0; 
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #154ac0; position:absolute; left:60px; top:0px;}
#menu ul li ul li{ height:35px; text-align:center; background:#154ac0; line-height:35px; border-bottom:1px solid #3261c9; width:140px;}
#menu ul li ul li a{ color:#fff;}
/*#menu ul #menuli1:hover div{ border:1px solid #fff;}*/
#menu ul #menuli1:hover{ background:#f8a501;}
#menu ul li ul li:hover{ background:#f8a501; color:#fff;}



/*banner*/
.banner1{ width:100%; height:370px;}
#banner{ width:100%; height:550px; overflow:hidden;}
.banner_inner{ width:100%; height:550px;}
#banner .banner_inner ul { height:100%; width:100%; position:relative;}
#banner .banner_inner ul li{ width:100%; height:100%; position:absolute; z-index:2; top:0; left:0; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;  }
.hide{opacity: 0;filter: alpha(opacity=0);}
.show{opacity: 1;filter: alpha(opacity=100);}
.item a{ width:1200px; margin:0 auto; position:relative; clear:both; display:block; height:100%;}
.item1{ background:url(../images/banner01/banner01.jpg) no-repeat center; }
.item2{background:url(../images/banner02/banner02.jpg) no-repeat center; }
#it1_ha{ position:absolute; top:128px; left:0;}
#it1_ha-02{ position:absolute; top:230px; left:0;}
#it2_ha{ position:absolute; top:128px; right:0;}
#it2_ha-02{ position:absolute; top:230px; right:0;}
.happen #it1_ha{-webkit-animation:fadeInDown 1s .1s ease both;-moz-bounceInDown:fadeInDown 1s .1s ease both;}
.happen #it1_ha-02{-webkit-animation:fadeInUp 1s .1s ease both;-moz-bounceInDown:fadeInUp 1s .1s ease both;}

.happen #it2_ha{-webkit-animation:fadeInDown 1s .1s ease both;-moz-bounceInDown:fadeInDown 1s .1s ease both;}
.happen #it2_ha-02{-webkit-animation:fadeInUp 1s .1s ease both;-moz-bounceInDown:fadeInUp 1s .1s ease both;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
	opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    
    -webkit-transform: none;
    transform: none;
	opacity: 1;
	filter:alpha(opacity=100); 
	-moz-opacity:1; 
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100);-moz-opacity:1;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
	filter:alpha(opacity=100);-moz-opacity:1;

  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  filter:alpha(opacity=100);-moz-opacity:1;
  opacity: 1;
}


.ban_icon{ width:100%; height:70px; position:absolute; top:300px; left:0; z-index:10;}
.le_ri{ position:absolute; top:0; font-size:80px; color:#fff; line-height:50px; opacity: 0.5;filter: alpha(opacity=50); cursor:pointer;}
#next{ right:50px;}
#prev{ left:50px;}

.le_ri:hover{opacity: 1;filter: alpha(opacity=100);}




/*footer*/
#footer{ background:#1a1a1a; width:100%; height:395px; clear:both;}
#footer .inner{ height:323px;}
.fleft{ width:608px; height:270px; float:left; padding:48px 0 0 37px; float:left;}
.ffle{ width:160px; float:left;}
.ffle p{ font-size:12px; color:#a6a8a9; line-height:25px; text-align:center;}
.ffri{ width:415px; float:right; height:100%;}
.ffri_p1{font-size:20px; color:#a6a8a9; line-height:50px;}
.ffri ul{}
.ffri ul li{ text-align:left; color:#a6a8a9; font-size:12px; line-height:26px;}

.fright{ width:415px; height:270px; float:right; padding:49px 26px 0 0;}
.infl{ width:203px; height:30px; overflow:hidden; margin-bottom:10px; }
.infl input{ border:none; background:#444444; font-size:12px; color:#aaaaaa;width:203px; height:30px; text-indent:5px; line-height:30px; }
.inputf{ float:left;}
.inputr{ float:right;}
.fright p{ font-size:20px; color:#a6a8a9; line-height:50px;  }
.fform{ padding-top:20px;}
.texf{ width:415px; height:80px; clear:both; margin-bottom:20px;}
.texf textarea{  width:415px; height:80px; line-height:25px;  border:none; background:#444444; font-size:12px; color:#aaaaaa; text-indent:5px;}
.infb{ width:95px; height:30px; float:right;}
.infb input{font-family:"微软雅黑"; width:95px; height:30px; background:#0c448f; text-align:center; font-size:14px; color:#fff; line-height:30px; border:none;}
.fcopy{ width:100%; height:71px; border-top:1px solid #2f2f2f;}
.fcopy p{ text-align:center; color:#a6a8a9; line-height:70px; font-size:12px;}
.fcopy p a{color:#a6a8a9;}
.fcopy p a:hover{ text-decoration:underline;}



/*通用*/
.inner{ width:1200px; position:relative; clear:both; margin:0 auto;}
.inner2{ width:1100px; position:relative; clear:both; margin:0 auto; }
.neimain{ width:100%; position:relative; clear:both; margin:0 auto; overflow:hidden;}
.title{ width:100%; padding-top:40px;}
.title .titlep1{ font-size:20px; color:#333333; font-family:"微软雅黑"; text-align:center; line-height:50px;}
.title .hr{ width:24px; height:3px; margin:0 auto; background:#154ac0;}
.title .titlep2{ font-size:13px; color:#9e9d9d; font-family:"微软雅黑"; text-align:center; padding-top:5px; line-height:25px;}
.title .titlep2 span{ padding:0 15px;}
.title .titlep3{ font-size:13px; color:#fff; font-family:"微软雅黑"; text-align:center; padding-top:5px; line-height:25px;}
.title .titlep3 span{ padding:0 15px;}
.title2{ width:100%; padding-top:40px;}
.title2 .titlep1{ font-size:20px; color:#fff; font-family:"微软雅黑"; text-align:center; line-height:50px;}
.title2 .hr{ width:24px; height:3px; margin:0 auto; background:#fff;}
.title2 .titlep2{ font-size:13px; color:#fff; font-family:"微软雅黑"; text-align:center; padding-top:5px; line-height:25px;}
.title2 .titlep2 span{ padding:0 15px;}
.title2 .titlep3{ font-size:13px; color:#fff; font-family:"微软雅黑"; text-align:center; padding-top:5px; line-height:25px;}
.title2 .titlep3 span{ padding:0 15px;}
.ibanp1 .titlep3{ color:#fff; text-align: center;}
#yema{ width:100%x; margin:0 auto; text-align:center;height:40px; clear:both; padding:30px 0;}
#yema em{padding:8px 10px 8px 10px;  height:35px;}
#yema a{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4; margin-left:7px; margin-right:7px; height:35px;}
#yema  strong{ padding:8px 10px 8px 10px; border:1px solid #222222; background:#222222; color:#fff; }
#yema a:hover{ background:#222222; color:white; text-decoration:none;}
#yema .next{ padding:8px 10px 8px 10px; border:1px solid #ccc; color:#c7c4c4;}
.back{ border-top:1px solid #e1e1e1; margin-top:30px; text-align:center; margin-bottom:20px;}
.page{ text-align:left;}
.page_num{ height:40px; padding-top:10px;}
.pro_back{ width:100%; height:100px; border-top:1px solid #ccc; margin-top:20px; margin-bottom:20px;}
.back_in{ font-size:12px; line-height:25px; color:#ccc; text-align:center;}
.page2{ height:25px; line-height:25px; color:#ccc; font-size:13px;}
.pro_back a{ color:#222222; text-decoration:none;}
.page2 a:hover{ color:#154ac0;}
.back_in a:hover{color:#154ac0;}



.rig_con_con{ width:1200px; height:auto; position:relative; margin:0 auto; clear:both;}
.list_top{  height:auto; overflow:hidden; text-align:center; padding-top:40px;  padding-bottom:35px; margin:0 auto; position:relative;}
.list_top ul li{ line-height:35px; float:left;margin-right:12px; height:35px; margin-bottom:15px;}
.list_top ul li a{ color:#6b6b6b; font-size:14px; display:block; height:35px; padding:0 25px;  border:1px solid #bab9b9; position:relative; background:#fff; }
.list_top ul li a:hover{ background:#154ac0; color:#fff;}
.pl_bor li{ border:1px solid #d9d7d7; }
.prol_list li{ margin-bottom:35px;}
.neihr{ width:100%; height:1px; background:#dcdcdc; position:absolute; top:182px; left:0; z-index:-1;}




/*首页*/
#featurecontainer {margin: 0px auto; width: 1300px; height:285px; padding-top:38px; padding-bottom:85px; }
#feature {position: relative; width:100%; height:100%;}
#feature .prev {text-indent: -9999px; width: 30px; display: block; background: url(../images/left.jpg) center top;  height: 60px; top:85px; position:absolute; left:50px; opacity: 0;	filter:alpha(opacity=0);-moz-opacity:0;}
#feature .next {width: 30px; display: block; background: url(../images/right.jpg) center top;  height: 60px; top:85px; position:absolute; right:50px; opacity: 0;	filter:alpha(opacity=0);-moz-opacity:0;}
.featureul { position: relative;width: 2800px;  float: left; left: 0px;}
.featurebox {width: 260px; background-repeat: no-repeat; float: left; height: 285px; overflow: hidden; padding:0 15px; position:relative; background:#fff;}
#botton-scroll {z-index: 0; margin: 0px auto; width: 1200px; float: left; height:285px;}
#block {z-index: 0;  position: relative; margin: 0 auto; width: 1160px;  height: 285px; overflow: hidden; }
#block .box { width:260px; height:232px; border:1px solid #e0e0df; margin:0 auto;}
#block .box  #boxa{width:260px; height:232px; text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:192px;}
#block .box  #boxa img{max-width:260px; max-height:232px; overflow:hidden;  _width: expression(this.width > 260 ? 260 : true); _height: expression(this.height > 232 ? 232 : true); margin:0 auto; vertical-align:middle;}
.featurebox p{ line-height:30px; font-size:14px; color:#3c3c3c; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-top:5px;}
.prohover{ position:absolute;  width:260px; height:232px; z-index:3; top:0; left:300px; border:1px solid #154ac0; text-align:center; opacity: 0;	filter:alpha(opacity=0);-moz-opacity:0; }
.prohover div{width:260px; height:232px; background:rgba(21,74,192,0.82) !important;background-color:#154ac0; filter:alpha(opacity=82); }
.prohover div a{width:260px; height:232px; display:block;}
.prohover img{ width:55px; height:55px; padding-top:88px;}



.animate{
	animation-duration: .8s;
	animation-delay: .1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-duration: .8s;
	-moz-animation-delay: .1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-duration:.8s;
	-o-animation-delay: .1s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: .8s;
	-ms-animation-delay: .1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
		
}
.animate2{
	animation-duration: .8s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-duration: .8s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-duration:.8s;
	-o-animation-delay: .6s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: .8s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
		
}
.animate3{
	animation-duration: .8s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-duration:.8s;
	-o-animation-delay: 1s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
		
}
.animate4{
	animation-duration: .8s;
	animation-delay: 1.4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	/* Firefox: */
	-moz-animation-duration: .8s;
	-moz-animation-delay: 1.4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	/* Safari and Chrome: */
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: 1.4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	/* Opera: */
	-o-animation-duration:.8s;
	-o-animation-delay: 1.4s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: .8s;
	-ms-animation-delay: 1.4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
		
}
.iban{ width:100%; height:500px; background:url(../images/iban.jpg) no-repeat center;}
.ibanp1{ position:absolute; top:70px; left:0px;right:0; opacity: 0;	filter:alpha(opacity=0);	-moz-opacity:0; }
.ibanp1 .ibanp1p{ font-size:30px; color:#fff; text-align:center; line-height:50px; font-weight:bold;}
.ibanp2{ width:100%; position:absolute; top:175px; left:0; opacity: 0;	filter:alpha(opacity=0);	-moz-opacity:0;}
.ibanp2 p{ text-align:center; font-size:12px; color:#fff; line-height:25px;}
.cir{ width:95px; height:95px;  padding:6px; position:absolute; top:295px; opacity: 0;	filter:alpha(opacity=0);	-moz-opacity:0;}
.outcir{ width:104px; height:104px; border:1px dashed #fff; position:absolute; top:0; left:0; border-radius:50%;z-index:-1; }
.iban_cirl{ left:370px;}
.iban_cir2{ left:497px;}
.iban_cir3{ left:623px;}
.circle{ width:92px; height:92px; border-radius:50%; background:#fff; margin:0 auto; overflow:hidden; }
.circle a{ display:block; width:92px; height:92px; text-align:center; color:#2a2929; cursor:pointer; }
.circle a p{ line-height:92px; font-size:14px; font-family:"微软雅黑"; font-weight:bold;}
.cir:hover .outcir{ -webkit-animation: rotate2 8s linear infinite; border:1px dashed #f8a501; opacity: 1;	filter:alpha(opacity=100);	-moz-opacity:1;}
.cir:hover .circle{ background:#f8a501;}
.cir:hover .circle a{ color:#fff;}
@-webkit-keyframes rotate2{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}} 


.itype{ width:100%; clear:both; position:relative; background:#ebebeb;}
.itcl{ width:50%; float:left; overflow:hidden; position:relative; }
#itcla{ width:50%; display:block; overflow:hidden;/* position:absolute;*/ float:left;}
#itcla img{ width:100%;}
.itydiv{ width:50%; background:#ebebeb; overflow:hidden;/* position:absolute;*/ float:left; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
/*.itleft{ top:0; left:0;}
.itright{ top:0; right:0;}*/
.ityin{ width:70%; height:100%; margin:0 auto; position:relative; padding:0;}
.ityin2{ width:80%; height:100%; margin:0 auto; position:relative; padding:0;}

@media screen and (min-width: 1601px){
.itp1{ font-size:24px; color:#000; line-height:50px; text-align:left; font-weight:bold; padding-top:20%; }

}
@media screen and (min-width: 1281px)and (max-width:1601px) {
.itp1{ font-size:24px; color:#000; line-height:50px; text-align:left; font-weight:bold; padding-top:18%; }

}
@media screen and (min-width:1025px) and (max-width:1280px) {
.itp1{ font-size:24px; color:#000; line-height:50px; text-align:left; font-weight:bold; padding-top:10%; }

}
@media screen and (min-width: 600px) and (max-width: 1150px){
.itp1{ font-size:24px; color:#000; line-height:50px; text-align:left; font-weight:bold; padding-top:10%; }
}
.itp2{ font-size:12px; color:#656464; line-height:28px; text-align:left; padding-top:3%;}
.itp2 a{color:#656464;}
@media screen and (min-width: 1601px){
.itp3 {  position:absolute; bottom:20%;}

}
@media screen and (min-width: 1281px)and (max-width:1601px) {
.itp3 { position:absolute; bottom:15%;}

}
@media screen and (min-width:1025px) and (max-width:1280px) {
.itp3 { position:absolute; bottom:10%;}

}
@media screen and (min-width: 600px) and (max-width: 1150px){
.itp3 {  position:absolute; bottom:10%;}
}

.itp3 a{ display:block; width:100%; height:35px;}
.itp3 div{ width:35px; height:35px; border-radius:50%; border:1px solid #c3c3c3;  font-size:12px; color:#c3c3c3; line-height:35px; text-align:center; position:absolute; left:0; top:0;}
.itp3 p{ color:#4c4c4c; font-size:14px; text-align:left; line-height:35px; text-indent:45px;}
.itype .itcl:hover .itydiv{ background:#154ac0;}
.itype .itcl:hover .itp1{ color:#fff;}
.itype .itcl:hover .itp2 a{ color:#fff;}
.itype .itcl:hover .itp2{ color:#fff;}
.itype .itcl:hover .itp3 div{ color:#fff; border:1px solid #fff;  -webkit-animation: rotate 1s linear infinite; }
.itype .itcl:hover .itp3 p{ color:#fff;}
@-webkit-keyframes rotate{
	0%{left:0px;}

	50%{left:-10px;}
	100%{left:0px;}
} 



.imap{ width:100%; height:430px; overflow:hidden; background:url(../images/imap.jpg) no-repeat center;}
.imap_icon{ width:140px; height:35px; background:#f8a501; position:absolute; top:153px; left:168px; border-radius:5px; -webkit-animation: updown 1.8s linear infinite;}
.imap_icon .arrow-down{width:0; height:0; border-left:6px solid transparent;border-right:6px solid transparent; border-top:8px solid #f8a501; position:absolute; top:35px; left:65px;}
.imap_icon p{ font-size:15px; color:#fff; font-family:"微软雅黑"; line-height:35px; text-align:center;  }
.imap_icon p a{ color:#fff;}
@-webkit-keyframes updown{
	0%{top:153px;}

	50%{top:145px;}
	100%{top:153px;}
}
.imap_top{ width:100%; height:90px; position:absolute; left:0; top:90px; opacity: 0;	filter:alpha(opacity=0);	-moz-opacity:0;}
.imap_topp1{ font-size:35px; line-height:50px; text-align:left; color:#f8a501; font-family:Arial, Helvetica, sans-serif;}
.imap_topp2{ font-size:24px; line-height:30px; text-align:left; color:#f8a501; font-family:"微软雅黑"}
.imap_down{ height:170px; position:absolute; right:0; top:215px; opacity: 0;	filter:alpha(opacity=0);	-moz-opacity:0;}
.imap_dp{ color:#fff; font-size:13px; line-height:25px;}




.iques{ width:100%; padding:50px 0 60px 0; height:280px;}
.inews{ width:605px; float:left; margin-left:25px;}
.iqp1{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#cbcaca; line-height:50px;}
.iqp1 strong{ color:#242424; font-size:20px; font-family:"微软雅黑"; padding-right:5px;}
.qhr{ width:35px; height:3px; background:#0c448f;}
.inul{ width:100%; padding-top:25px;}
.inul li{ padding-top:15px; height:35px; border-bottom:1px dashed #bdbebd; overflow:hidden;line-height:35px; background:url(../images/icon.jpg) no-repeat left bottom;}
.inul a{ display:block; width:100%; height:100%; color:#5a5a5a;}
.inle{ width:500px; float:left; overflow:hidden; text-align:left; text-indent:20px;  transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.inri{ font-family:Arial, Helvetica, sans-serif; font-size:12px; width:70px; float:right; text-align:right;}
.inul li:hover .inle{ padding-left:15px; color:#0c448f;}
.inul li:hover .inri{  color:#0c448f;}

.iquer{ width:425px; float:right; margin-right:25px; overflow:hidden;}
.iquein{ padding-top:40px;}
.iquein li{ height:110px; width:100%; overflow:hidden;  }
.question{ font-size:13px; color:#0c448f; line-height:35px;}
.question a{color:#0c448f; }
.answer{ font-size:12px; color:#686666; line-height:23px; }
.iqx{ width:38px; height:1px; background:#0c448f; margin-top:10px;}
.iquein li:hover .answer{ color:#0c448f;}



/*关于我们*/
.a_inner{ width:1200px; padding:37px 0 187px 0; height:310px; margin:0 auto; overflow:hidden; }
.ab_honor{ width:100%; height:649px; background:url(../images/honor.jpg) no-repeat center;}
#honordiv{ width:1200px; margin:0 auto; position:relative; padding-top:110px;}
#block2{ margin:0 auto; width:990px; height:220px; margin:0 auto;}
#honordiv .prev {text-indent: -9999px; width: 35px; display: block; background: url(../images/left2.png) no-repeat center top;  height: 70px; top:165px; position:absolute; left:0;}
#honordiv .next {width: 35px; display: block; background: url(../images/right2.png) no-repeat center top;  height: 70px; top:165px; position:absolute; right:0; }
.honorul { position: relative;width: 2800px;  float: left; left: 0px;}
.honorulbox {width: 260px; background-repeat: no-repeat; float: left; height: 220px; overflow: hidden; padding:0 35px; position:relative; }
#botton-scroll2 {z-index: 0; margin: 0px auto; width: 1200px; float: left; height:220px;}
#honordiv {z-index: 0;  position: relative; margin: 0 auto; width: 1160px;  height: 220px; overflow: hidden; }
#honordiv .box { width:285px; height:220px;  margin:0 auto;}
#honordiv .box  #boxa{width:285px; height:218px; text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:166px;}
#honordiv .box  #boxa img{max-width:285px; max-height:218pxpx; overflow:hidden;  _width: expression(this.width > 285 ? 285 : true); _height: expression(this.height > 220 ? 218px : true); margin:0 auto; vertical-align:middle;}
.honorulbox:hover #boxa img{ border:1px solid #ccc;}


.equip{ width:1200px; height:auto; margin:0 auto; padding-top:40px; padding-bottom:50px;}
#equipin{ width:100%; height:320px; overflow:hidden; padding-top:45px;}
.eqwen{ width:100%; height:43px; width:280px; margin:0 auto; background:#c9c9c9; color:#5b5a5a; text-align:center; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.eqwen p a{color:#5b5a5a; font-size:14px; line-height:43px; text-align:center;}
.eqimg{ width:280px; height:205px; margin:0 auto;}
.eqimg a{width:280px; height:205px; text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:170px;}
.eqimg a img{max-width:280px; max-height:205px; overflow:hidden;  _width: expression(this.width > 280 ? 280 : true); _height: expression(this.height > 205 ? 205 : true); margin:0 auto; vertical-align:middle;}
#equipin .item{ width:280px; height:248px; float:left; padding:0 10px; float:left;}
#equipin .item:hover .eqwen{ background:#154ac0;}
#equipin .item:hover .eqwen a{ color:#fff;}



/*产品列表页*/
.prol_con{ width:100%; height:auto; margin:0 auto; clear:both; padding-top:40px; }
.prol_con ul li {width: 260px; background-repeat: no-repeat; float: left; height: 285px; overflow: hidden; padding:0 15px; position:relative; background:#fff; padding-bottom:30px;}
.prol_con ul .box { width:260px; height:232px; border:1px solid #e0e0df; margin:0 auto; overflow:hidden;}
.prol_con ul .box  #boxa{width:260px; height:232px; text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:182px;}
.prol_con ul .box  #boxa img{max-width:260px; max-height:232px; overflow:hidden;  _width: expression(this.width > 260 ? 260 : true); _height: expression(this.height > 232 ? 232 : true); margin:0 auto; vertical-align:middle;}



/*产品详细页*/
.prol2_con{ width:1200px; margin:0 auto; position:relative; clear:both; padding-top:20px;}
.procont_title{ font-size:25px; color:#000; font-weight:bold; font-family:"微软雅黑"; text-align:center;  padding-bottom:20px; line-height:35px;}
.shuoming{ width:100%; font-size:13px; color:#222222; padding:10px; text-align:left;}
.xiangshi{ width:100%; height:30px; font-size:14px; color:#222222;}
.pcanshu{ width:100%;}


/*在线反馈*/
.mess_c{ width:100%; height:auto; padding-top:50px;}
.mess_inner{ width:100%; height:auto; clear:both;}
.mess_ali{ text-align:center; padding-top:60px; padding-bottom:70px;}
.mess_wen{ font-size:12px; color:#575757; line-height:25px; width:715px; margin:0 auto; text-align:left; padding-bottom:25px;}
.m_form{ width:715px; margin:0 auto; height:600px; font-size:14px; color:#8a8989;}
.m_input_l input{ width:305px; height:48px; float:left; border: 1px solid #bebebe; background:none; margin-bottom:30px; font-size:14px; color:#bebebe; text-indent:15px;line-height:50px;font-family:"微软雅黑";}
.m_input_r input{ width:305px; height:48px; float:right; border: 1px solid #bebebe; background:none; margin-bottom:30px; font-size:14px; color:#bebebe;text-indent:15px;line-height:50px;font-family:"微软雅黑";}
.m_form textarea{ clear:both;width:715px; height:275px;border:1px solid #bebebe; background:none; margin-bottom:40px; font-size:14px; color:#bebebe; line-height:30px; text-indent:15px;font-family:"微软雅黑";}
.m_btm input{ width:160px; height:50px; border-radius:10px; float:left; font-size:16px; color:#bebebe; border:none; cursor:pointer;font-family:"微软雅黑";}
.m_sub{ background:#154ac0; margin-right:18px; color:#fff;}
.m_res{ background:#222222; color:#fff; }



/*新闻列表*/
.nl_con ul{ width:1100px; height:auto; margin:0 auto;}
.nl_con ul li{ width:100%; height:162px; border-bottom:1px dashed #dcdcdc; margin:35px 0 0; padding-bottom:35px; clear:both; }
.nlimg{}
.nlimg{ width:238px; height:162px; float:left; position:relative; overflow:hidden;}
.nlimg a{width:238px; height:162px; text-align:center; overflow:hidden; margin:0 auto; display:table-cell; vertical-align:middle; font-size:134px;}
.nlimg a img{max-width:238px; max-height:162px; overflow:hidden;  _width: expression(this.width > 238 ? 238 : true); _height: expression(this.height > 162 ? 162 : true); margin:0 auto; vertical-align:middle; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nltime{ width:55px; height:55px; background:#fd8f01; position:absolute; top:0; left:0; color:#fff; text-align:center; line-height:20px; z-index:1;}
.nltp1{ font-size:15px; font-weight:bold; padding-top:5px;}
.nltp2{ font-size:13px;}
.nlwen{ width:800px; height:162px; float:right; text-align:left; position:relative;}
.nlname{ font-size:16px; color:#333333; line-height:30px; font-weight:bold; padding-bottom:5px;}
.nlintro{ width:100%; line-height:23px; font-size:12px; color:#666666; }
.nlmore{ position:absolute; width:95px; height:35px; left:0; bottom:10px; border:1px solid #c7c6c6; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nlmore a{ display:block; width:100%; height:100%; color:#a2a1a1; text-align:center; line-height:35px; font-size:12px;}
.nl_con ul li:hover .nlimg a img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);}
.nl_con ul li:hover .nlmore{ background:#154ac0;}
.nl_con ul li:hover .nlmore a{ color:#fff;}


/*新闻详细*/
#news_top1{ background:#f6f6f6; height:35px; width:100%; line-height:35px; color:#8d8d8d; text-align:center;margin:0 auto;}
#news_top1 a{color:#8d8d8d;}
#news_top1 a:hover{ color:#000;}
.news_content_nei{ width:100%; height:auto; color:#000; line-height:25px; font-size:14px; padding-bottom:25px; padding-top:30px;}
.news_content_nei img{ max-width:100%;}



/*营销网络*/
.sale_inner{ width:100%; background: no-repeat 100px top; height:800px; margin-top:100px; position:relative;}
.lline{ position:absolute; top:0; right:318px;  opacity: 0;	filter:alpha(opacity=0);-moz-opacity:0;}
.logo2{ position:absolute; right:80px; top:380px;}


/*单图文页面*/
.sininner{ width:100%; padding-top:30px; height:auto; line-height:25px; color:#222222;}
.sininner img{ max-width:100%;}
.coninner{ width:100%; height:auto; clear:both; padding:50px 0;}
.addmap{ width:100%; height:auto; clear:both;}
.my-map { margin: 0 auto; width: 100%; height: 690px; padding-top:50px; }
        .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
        .my-map .icon-cir { height: 31px; width: 28px; }
        .my-map .icon-cir-red { background-position: -11px -5px; }
		
		
		
#totop{width:35px;height:35px;position:fixed; bottom:50px;right:50px;cursor:pointer;z-index:999;display:none; background:url(../images/top02.png) no-repeat center;}
#totop:hover{background:url(../images/top01.png) no-repeat center;}

.pctable{ border-top:1px solid #000; border-left:1px solid #000;}
.pctable td{ border-bottom:1px solid #000; border-right:1px solid #000; font-size:14px; color:#000; line-height:25px; padding-left:5px; }
.pctable td p{ line-height:25px;}

.pcchar{ width:100%; padding:30px 0; color:#000;}
.pcxytitle{ font-size:16px; font-weight: bold; color:#000; line-height:40px;}
.pcchar ul li{ line-height:25px; text-indent:25px; font-size:14px; padding-bottom:5px;}
.pcchar  div{line-height:25px; list-style:circle; text-indent:25px; font-size:14px; padding:5px 0;}
.pcold{ background:#ccc;}